﻿<UserControl
	xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
	xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
	xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
	xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
	mc:Ignorable="d"
	x:Class="BabySmash.CoolCircle"
	x:Name="UserControl"
	d:DesignWidth="6.666" d:DesignHeight="10"
    >
    <UserControl.Resources>
        <Storyboard x:Key="CircleEyesSB">
            <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="CircleEye1" Storyboard.TargetProperty="(UIElement.Opacity)" RepeatBehavior="Forever">
                <SplineDoubleKeyFrame KeyTime="00:00:02.1000000" Value="1"/>
                <SplineDoubleKeyFrame KeyTime="00:00:02.1000000" Value="0"/>
                <SplineDoubleKeyFrame KeyTime="00:00:02.300000" Value="0"/>
                <SplineDoubleKeyFrame KeyTime="00:00:02.300000" Value="1"/>
                <SplineDoubleKeyFrame KeyTime="00:00:7.300000" Value="1"/>
            </DoubleAnimationUsingKeyFrames>
            <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="CircleEye2" Storyboard.TargetProperty="(UIElement.Opacity)" RepeatBehavior="Forever">
                <SplineDoubleKeyFrame KeyTime="00:00:02.1000000" Value="1"/>
                <SplineDoubleKeyFrame KeyTime="00:00:02.1000000" Value="0"/>
                <SplineDoubleKeyFrame KeyTime="00:00:02.300000" Value="0"/>
                <SplineDoubleKeyFrame KeyTime="00:00:02.300000" Value="1"/>
                <SplineDoubleKeyFrame KeyTime="00:00:7.300000" Value="1"/>
            </DoubleAnimationUsingKeyFrames>
        </Storyboard>
    </UserControl.Resources>

    <UserControl.Triggers>
        <EventTrigger RoutedEvent="FrameworkElement.Loaded">
            <BeginStoryboard Storyboard="{StaticResource CircleEyesSB}"/>
        </EventTrigger>
    </UserControl.Triggers>

    <Grid x:Name="LayoutRoot">
		<Canvas 
                x:Name="Circle">
			<Ellipse  x:Name="Body" StrokeThickness="10" Stroke="#ff000000"  Width="212.176" Height="212.176">
				<Ellipse.Fill>
					<RadialGradientBrush MappingMode="Absolute" GradientOrigin="123,198" Center="123,198" RadiusX="102" RadiusY="102">
						<RadialGradientBrush.Transform>
							<MatrixTransform Matrix="1,0,-0,-1,-16,305" />
						</RadialGradientBrush.Transform>
						<GradientStop Offset="0" Color="#ffffff00"/>
						<GradientStop Offset="1" Color="#ff98ff00"/>
					</RadialGradientBrush>
				</Ellipse.Fill>
			</Ellipse>
            <Canvas x:Name="Face">
			    <Path Fill="#ff000000" Data="F1 M 124.545898,151.451172 C 124.529297,161.141602 116.688477,168.981445 107.000977,168.998047 L 107.000977,168.998047 C 97.310547,168.981445 89.469727,161.141602 89.453125,151.451172 L 89.453125,151.451172 C 89.453125,148.690430 87.213867,146.451172 84.453125,146.451172 L 84.453125,146.451172 C 81.692383,146.451172 79.453125,148.690430 79.453125,151.451172 L 79.453125,151.451172 C 79.457031,166.666992 91.785156,178.995117 107.000977,178.999023 L 107.000977,178.999023 C 122.214844,178.995117 134.543945,166.666992 134.546875,151.451172 L 134.546875,151.451172 C 134.546875,148.690430 132.308594,146.451172 129.545898,146.451172 L 129.545898,146.451172 C 126.785156,146.451172 124.545898,148.690430 124.545898,151.451172 L 124.545898,151.451172 Z"/>
			    <Path  x:Name="CircleEye1" StrokeThickness="10" Stroke="#ff000000" StrokeStartLineCap="Round" StrokeEndLineCap="Round" StrokeMiterLimit="1" Data="F1 M 58.970703,66.372070 C 64.513184,62.001953 71.509277,59.393555 79.114258,59.393555 C 86.719727,59.393555 93.715820,62.001953 99.258301,66.372070"/>
			    <Path  x:Name="CircleEye2" StrokeThickness="10" Stroke="#ff000000" StrokeStartLineCap="Round" StrokeEndLineCap="Round" StrokeMiterLimit="1" Data="F1 M 114.742188,66.372070 C 120.284180,62.001953 127.280273,59.393555 134.885742,59.393555 C 142.491211,59.393555 149.487305,62.001953 155.029297,66.372070"/>
            </Canvas>
		</Canvas>
	</Grid>
</UserControl>